<template>
  <div class="app-container search-table-box aidex-table">
    <el-tabs v-model="activeName" type="border-card">
      <el-tab-pane label="增值税发票" name="first">
        <el-card shadow="never" ref="queryRef" style="margin-bottom: 12px;" class="search_card" v-show="showSearch">
          <div class="filter-container">
            <div class="search_box" style="padding-bottom: 16px">
              <el-form :model="queryParams" ref="queryForm" label-width="80px" size="mini">
                <el-row :gutter="16">
                  <el-col :md="6" >
                    <el-form-item prop="searchValues">
                      <el-select
                        v-model="queryParams.searchValues"
                        multiple
                        filterable
                        remote
                        reserve-keyword
                        clearable
                        placeholder="请输入销方名称/发票号码/发票代码"
                        :remote-method="remoteSearchValue"
                        @change="handleQuery"
                        :loading="remoteSearchValueLoading"
                        style="width: 315px;margin-left: -78px"
                      >
                        <el-option
                          v-for="item in searchValueOptions"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                          :disabled="item.disabled">
                        </el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                  <el-col :md="2" >
                    <el-button size="mini"  @click="toggleAdvanced" type="primary" plain style="padding: 6px 15px;">
                      {{ advanced ? '收起' : '展开' }}
                      <i :class="advanced ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
                    </el-button>
                  </el-col>
                  <el-col :md="16" align="right" class="longBtnBar">
                  </el-col>
                </el-row>

                <div class="search_advanced_bar" v-if="advanced">
                  <el-card shadow="never" >
                    <el-row :gutter="16" >
<!--                      <el-col :md="6" >-->
<!--                        <el-form-item label="公司" prop="siteCode">-->
<!--                          <el-input v-model="queryParams.params.companynames" maxlength = 0 clearable placeholder="请选择公司" >-->
<!--                            <el-button slot="append" icon="el-icon-search" @click="openSearchsiteCodeDialogOpen">-->
<!--                            </el-button>-->
<!--                          </el-input>-->
<!--                        </el-form-item>-->
<!--                      </el-col>-->
                      <el-col :md="8" >
                        <el-form-item label="开票日期">
                          <el-date-picker
                            v-model="daterangeInvoiceDate"
                            style="width: 100%"
                            value-format="yyyy-MM-dd"
                            type="daterange"
                            range-separator="-"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                          ></el-date-picker>
                        </el-form-item>
                      </el-col>
                      <el-col :md="6" align="right" style="float: right;" >
                        <el-form-item>
                          <el-button class="filter-item" type="primary" @click="handleQuery">搜索</el-button>
                          <el-button class="filter-item" style="margin-left: 8px" @click="resetQuery">重置</el-button>
                        </el-form-item>
                      </el-col>
                    </el-row>
                    <el-row :gutter="16">
                      <el-col :md="12" >
                        <el-form-item label="发票类型" prop="invoiceType">
                          <el-row :gutter="16">
                            <el-col :md="4" >
                              <el-checkbox v-model="checkAllInvoiceType" :indeterminate="isInvoiceTypeIndeterminate" label="全选" size="mini" @change="checkAll($event,'invoiceType')" border></el-checkbox>
                            </el-col>
                            <el-col :md="19" >
                              <el-checkbox-group v-model="queryParams.invoiceTypes" @change="handleCheckedChange($event,'invoiceType')">
                                <el-checkbox v-for="dict in dict.type.invoice_type" :label="dict.value" :key="dict.value">{{dict.label}}</el-checkbox>
                              </el-checkbox-group>
                            </el-col>
                          </el-row>
                        </el-form-item>
                      </el-col>
                      <el-col :md="12" >
                        <el-form-item label="发票状态" prop="invoiceStatus">
                          <el-row :gutter="16">
                            <el-col :md="4" >
                              <el-checkbox v-model="checkAllInvoiceStatus" :indeterminate="isInvoiceStatusIndeterminate" label="全选" size="mini" @change="checkAll($event,'invoiceStatus')" border></el-checkbox>
                            </el-col>
                            <el-col :md="18" >
                              <el-checkbox-group v-model="queryParams.invoiceStatuses" @change="handleCheckedChange($event,'invoiceStatus')">
                                <el-checkbox v-for="dict in dict.type.invoice_status" :label="dict.value" :key="dict.value">{{dict.label}}</el-checkbox>
                              </el-checkbox-group>
                            </el-col>
                          </el-row>
                        </el-form-item>
                      </el-col>
                    </el-row>
                    <el-row :gutter="16">
                      <el-col :md="12" >
                        <el-form-item label="查验状态" prop="checkStatus">
                          <el-row :gutter="16">
                            <el-col :md="4" >
                              <el-checkbox v-model="checkAllCheckStatus" :indeterminate="isCheckStatusIndeterminate" label="全选" size="mini" @change="checkAll($event,'checkStatus')" border></el-checkbox>
                            </el-col>
                            <el-col :md="18" >
                              <el-checkbox-group v-model="queryParams.checkStatuses" @change="handleCheckedChange($event,'checkStatus')">
                                <el-checkbox v-for="dict in dict.type.check_status" :label="dict.value" :key="dict.value">{{dict.label}}</el-checkbox>
                              </el-checkbox-group>
                            </el-col>
                          </el-row>
                        </el-form-item>
                      </el-col>

                    </el-row>
                  </el-card>
                </div>

              </el-form>
            </div>
          </div>
        </el-card>
        <el-card shadow="never" >
          <template #header>
            <el-row>
              <el-col :span="8">
                <div class="card-header">
                  <el-button disabled type="text">增值税发票</el-button>
                </div>
              </el-col>
              <el-col :span="16">
                <div class="btn_box" align="right" style="float: right;">
                  <el-button
                    class="filter-item"
                    style="margin-left: 8px;"
                    icon="el-icon-download"
                    @click="handleExport"
                    size="mini"
                    v-hasPermi="['doc:collectnoninvoice:export']"
                  >导出</el-button>
                  <right-toolbar @showSearchFun="showSearchFun" :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
                </div>
              </el-col>
            </el-row>
          </template>

          <el-table
            border
            stripe
            default-expand-all
            ref="tableRef"
            v-loading="loading"
            :data="innonvoiceList"
            @selection-change="handleSelectionChange"
            :row-style="rowClass"
            :header-cell-style= "{
                'font-size': '14px !important',
                'font-weight': '500 !important',
                'color': 'rgb(0 0 0)',
                'background-color': 'rgb(205 224 255)',
              }"
            highlight-current-row style="width: 100%;"
            :height="tableHeight"
          >
            <el-table-column type="selection" width="55" align="center" />
            <el-table-column label="序号" type="index" align="center" width="55">
              <template slot-scope="scope">
                <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
              </template>
            </el-table-column>

            <el-table-column label="查验状态" prop="checkStatusName" width="150">
              <template slot-scope="scope">
              </template>
            </el-table-column>
            <el-table-column label="销方名称" align="center" key="sellerName" prop="sellerName"  width="180" :show-overflow-tooltip="true"/>

            <el-table-column label="开票日期" align="center" key="invoiceDate" prop="invoiceDate"  width="180">
              <template slot-scope="scope">
                <span>{{ parseTime(scope.row.invoiceDate, '{y}-{m}-{d}') }}</span>
              </template>
            </el-table-column>
            <el-table-column label="金额(含税)"   align="center" key="fee" prop="fee" width="120"/>
            <el-table-column label="发票类型" align="center" key="invoiceTypeName" prop="invoiceTypeName" width="100"/>
            <el-table-column label="发票号码" align="center" key="invoiceNo" prop="invoiceNo"  width="110"/>
            <el-table-column label="发票代码" align="center" key="invoiceCode" prop="invoiceCode" width="120" />
            <el-table-column label="金额(不含税)" align="center" key="feeWithoutTax" prop="feeWithoutTax" width="150"/>
            <el-table-column label="税额"         align="center" key="tax" prop="tax" width="100"/>
            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="220">
              <template slot-scope="scope">
                <el-button
                  type="text"
                  @click="handleOpenInvoice(scope.row)"
                >详细</el-button>
              </template>
            </el-table-column>
            <div slot="empty">
              <svg-icon icon-class="search-none" style="font-size: 64px;" />
              <p>暂无数据</p>
            </div>
          </el-table>

          <pagination
            v-show="total>0"
            :total="total"
            :page.sync="queryParams.pageNum"
            :limit.sync="queryParams.pageSize"
            @pagination="getList"
          />

          <!-- 查询条件-分公司-弹出查询 -->
          <el-dialog v-dialogDrag  :close-on-click-modal="false" title="查询条件-分公司查询" :visible.sync="searchsiteCodeDialogOpen" width="800px" append-to-body>
            <div class="dialog_box" style="height:550px;">
              <el-form label-position="left" :model="searchsiteCodeQueryParams" :inline="true"  ref="searchsiteCodeQueryForm" label-width="88px" >
                <el-form-item  prop="searchsiteCodeSearchValue">
                  <el-input
                    v-model="searchsiteCodeQueryParams.searchValue"
                    size="mini"
                    placeholder="请输入编码或名称查询分公司"
                    @keyup.enter.native="handleSearchsiteCodeQuery"
                    clearable
                  />
                </el-form-item>
                <el-form-item>
                  <el-button type="primary" icon="el-icon-search" size="mini" @click="handleSearchsiteCodeQuery">查询</el-button>
                </el-form-item>
              </el-form>
              <el-table v-loading="searchsiteCodeSelectLoading" :data="searchsiteCodeList"
                        height="400"
                        @row-click="handleSearchsiteCodeRowClick"
                        ref="searchsiteCodeMultipleTable"
                        :row-key="getSearchsiteCodeListRowKey"
                        :row-style="{height:2+'px'}"
                        :header-cell-style= "{
                        'font-size': '14px !important',
                        'font-weight': '500 !important',
                        'background-color':'rgb(241 241 241 / 52%)'
                      }"
                        :cell-style="{padding:'2px 4px'}"
                        border
                        @selection-change="handleSearchsiteCodeSelectionChange">
                <el-table-column type="selection" width="55" align="center"/>
                <!-- 数据 -->
                <el-table-column prop="siteCode" label="组织编码" width="180"></el-table-column>
                <el-table-column prop="siteName" label="组织名称" ></el-table-column>
            <el-table-column prop="propertyTypeName" label="性质" width="150"></el-table-column>
              </el-table>
              <pagination
                v-show="searchsiteCodeTotal>0"
                :total="searchsiteCodeTotal"
                :page.sync="searchsiteCodeQueryParams.pageNum"
                :limit.sync="searchsiteCodeQueryParams.pageSize"
                @pagination="getSearchsiteCodeList"
              />
            </div>
            <div slot="footer" class="dialog-footer">
              <el-button size="mini" type="primary" @click="confirmSearchsiteCode">确 定</el-button>
              <el-button size="mini"   @click="searchsiteCodeCancel">取 消</el-button>
            </div>
          </el-dialog>

          <!-- 编辑-分公司-弹出查询 -->
          <el-dialog v-dialogDrag  :close-on-click-modal="false" title="编辑采集非增值税发票-分公司选择" :visible.sync="siteCodeDialogOpen" width="800px" append-to-body>
            <div class="dialog_box" style="height:550px;">
              <el-form label-position="left" :model="siteCodeQueryParams" :inline="true"  ref="siteCodeQueryForm" label-width="88px" >
                <el-form-item  prop="siteCodeSearchValue">
                  <el-input
                    v-model="siteCodeQueryParams.searchValue"
                    size="mini"
                    placeholder="请输入编码或名称查询分公司"
                    @keyup.enter.native="handlesiteCodeQuery"
                    clearable
                  />
                </el-form-item>
                <el-form-item>
                  <el-button type="primary" icon="el-icon-search" size="mini" @click="handlesiteCodeQuery">查询</el-button>
                </el-form-item>
              </el-form>
              <el-table v-loading="siteCodeSelectLoading" :data="siteCodeList"
                        height="400"
                        @row-click="handlesiteCodeRowClick"
                        ref="siteCodeSingleTable"
                        :row-key="getsiteCodeListRowKey"
                        :row-style="{height:2+'px'}"
                        :header-cell-style= "{
                        'font-size': '14px !important',
                        'font-weight': '500 !important',
                        'background-color':'rgb(241 241 241 / 52%)'
                      }"
                        :cell-style="{padding:'2px 4px'}"
                        border
                        @selection-change="handlesiteCodeSelectionChange">
                <el-table-column label="选择" width="60">
                  　　　　<template slot-scope="scope">
                  　　　　　　<el-radio v-model="siteCodeDialogRadio" :label="scope.row"><i></i></el-radio>
                  　　　　</template>
                  　　 </el-table-column>
                <!-- 数据 -->
                <el-table-column prop="companycode" label="分公司代码" width="180"></el-table-column>
                <el-table-column prop="companyname" label="分公司名称" ></el-table-column>
                <el-table-column prop="remark" label="备注" width="120"></el-table-column>
              </el-table>
              <pagination
                v-show="siteCodeTotal>0"
                :total="siteCodeTotal"
                :page.sync="siteCodeQueryParams.pageNum"
                :limit.sync="siteCodeQueryParams.pageSize"
                @pagination="getsiteCodeList"
              />
            </div>
            <div slot="footer" class="dialog-footer">
              <el-button size="mini" type="primary" @click="confirmsiteCode">确 定</el-button>
              <el-button size="mini" @click="siteCodeCancel">取 消</el-button>
            </div>
          </el-dialog>

        </el-card>
      </el-tab-pane>
      <el-tab-pane label="火车票" name="second">
        <el-card shadow="never" ref="queryRef2" style="margin-bottom: 12px;" class="search_card" v-show="showSearch2">
          <div class="filter-container">
            <div class="search_box" style="padding-bottom: 16px">
              <el-form :model="queryParams2" ref="queryForm2" label-width="80px" size="mini">
                <el-row :gutter="16">
                  <el-col :md="6" >
                    <el-form-item prop="searchValues">
                      <el-select
                        v-model="queryParams2.searchValues"
                        multiple
                        filterable
                        remote
                        reserve-keyword
                        clearable
                        placeholder="请输入乘车人/车票号码"
                        :remote-method="remoteSearchValue2"
                        @change="handleQuery2"
                        :loading="remoteSearchValueLoading2"
                        style="width: 315px;margin-left: -78px"
                      >
                        <el-option
                          v-for="item in searchValueOptions2"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                          :disabled="item.disabled">
                        </el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                  <el-col :md="6" >
                    <el-form-item label="出发日期">
                      <el-date-picker
                        v-model="daterangeTravelDate2"
                        style="width: 100%"
                        value-format="yyyy-MM-dd"
                        type="daterange"
                        range-separator="-"
                        start-placeholder="开始日期"
                        end-placeholder="结束日期"
                      ></el-date-picker>
                    </el-form-item>
                  </el-col>
                  <el-col :md="6" align="right" style="float: right;">
                    <el-form-item>
                      <el-button class="filter-item" type="primary" @click="handleQuery2">搜索</el-button>
                      <el-button class="filter-item" style="margin-left: 8px" @click="resetQuery2">重置</el-button>
                    </el-form-item>
                  </el-col>
                </el-row>
              </el-form>
            </div>
          </div>
        </el-card>
        <el-card shadow="never" >
          <template #header>
            <el-row>
              <el-col :span="8">
                <div class="card-header">
                  <el-button disabled type="text">火车票</el-button>
                </div>
              </el-col>
              <el-col :span="16">
                <div class="btn_box" align="right" style="float: right;">
                  <el-button
                    class="filter-item"
                    style="margin-left: 8px;"
                    icon="el-icon-download"
                    @click="handleExport2"
                    size="mini"
                    v-hasPermi="['doc:collectnoninvoice:export']"
                  >导出</el-button>
                  <right-toolbar @showSearchFun="showSearchFun2" :showSearch.sync="showSearch2" @queryTable="getList2"></right-toolbar>
                </div>
              </el-col>
            </el-row>
          </template>

          <el-table
            border
            stripe
            default-expand-all
            ref="tableRef2"
            v-loading="loading2"
            :data="innonvoiceList"
            @selection-change="handleSelectionChange2"
            :row-style="rowClass"
            :header-cell-style= "{
                'font-size': '14px !important',
                'font-weight': '500 !important',
                'color': 'rgb(0 0 0)',
                'background-color': 'rgb(205 224 255)',
              }"
            highlight-current-row style="width: 100%;"
            :height="tableHeight2"
          >
            <el-table-column type="selection" width="55" align="center" />
            <el-table-column label="序号" type="index" align="center" width="55">
              <template slot-scope="scope">
                <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
              </template>
            </el-table-column>

            <el-table-column label="发票类型" align="center" prop="nonInvoiceTypeName" />
            <el-table-column label="发票号码" align="center" prop="invoiceNo" width="140"/>
            <el-table-column label="乘车人" align="center" prop="rider" />
            <el-table-column label="乘车时间" align="center" prop="rideTime" width="180">
              <template slot-scope="scope">
                <span>{{ parseTime(scope.row.rideTime, '{y}-{m}-{d}') }}</span>
              </template>
            </el-table-column>
            <el-table-column label="乘车行程" align="center" prop="rideTime" width="180">
              <template slot-scope="scope">
                <span>{{ scope.row.routeDeparture }} - {{ scope.row.routeDest }}</span>
              </template>
            </el-table-column>
            <el-table-column label="金额(含税)" align="center" prop="fee" width="120"/>
            <el-table-column label="金额(不含税)" align="center" prop="feeWithoutTax" width="150"/>
            <el-table-column label="税额" align="center" prop="tax" />
            <el-table-column label="车票编号" align="center" prop="ticketNo" />
            <el-table-column label="车次" align="center" prop="trainNumber" />
            <el-table-column label="座位类型" align="center" prop="seatType" />
            <el-table-column label="身份证号" align="center" prop="sellerAccount" />
            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="220">
              <template slot-scope="scope">
                <el-button
                  type="text"
                  @click="handleOpenNonInvoice2(scope.row)"
                >详细</el-button>
              </template>
            </el-table-column>
            <div slot="empty">
              <svg-icon icon-class="search-none" style="font-size: 64px;" />
              <p>暂无数据</p>
            </div>
          </el-table>

          <pagination
            v-show="total2>0"
            :total="total2"
            :page.sync="queryParams2.pageNum"
            :limit.sync="queryParams2.pageSize"
            @pagination="getList2"
          />
        </el-card>
      </el-tab-pane>
      <el-tab-pane label="飞机票" name="third">
        <el-card shadow="never" ref="queryRef3" style="margin-bottom: 12px;" class="search_card" v-show="showSearch3">
          <div class="filter-container">
            <div class="search_box" style="padding-bottom: 16px">
              <el-form :model="queryParams3" ref="queryForm3" label-width="80px" size="mini">
                <el-row :gutter="16">
                  <el-col :md="6" >
                    <el-form-item prop="searchValues">
                      <el-select
                        v-model="queryParams3.searchValues"
                        multiple
                        filterable
                        remote
                        reserve-keyword
                        clearable
                        placeholder="请输入乘机人/客票号码"
                        :remote-method="remoteSearchValue3"
                        @change="handleQuery3"
                        :loading="remoteSearchValueLoading3"
                        style="width: 315px;margin-left: -78px"
                      >
                        <el-option
                          v-for="item in searchValueOptions3"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                          :disabled="item.disabled">
                        </el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                  <el-col :md="6" >
                    <el-form-item label="出发日期">
                      <el-date-picker
                        v-model="daterangeTravelDate3"
                        style="width: 100%"
                        value-format="yyyy-MM-dd"
                        type="daterange"
                        range-separator="-"
                        start-placeholder="开始日期"
                        end-placeholder="结束日期"
                      ></el-date-picker>
                    </el-form-item>
                  </el-col>
                  <el-col :md="6" align="right" style="float: right;">
                    <el-form-item>
                      <el-button class="filter-item" type="primary" @click="handleQuery3">搜索</el-button>
                      <el-button class="filter-item" style="margin-left: 8px" @click="resetQuery3">重置</el-button>
                    </el-form-item>
                  </el-col>
                </el-row>
              </el-form>
            </div>
          </div>
        </el-card>
        <el-card shadow="never" >
          <template #header>
            <el-row>
              <el-col :span="8">
                <div class="card-header">
                  <el-button disabled type="text">飞机票</el-button>
                </div>
              </el-col>
              <el-col :span="16">
                <div class="btn_box" align="right" style="float: right;">
                  <el-button
                    class="filter-item"
                    style="margin-left: 8px;"
                    icon="el-icon-download"
                    @click="handleExport3"
                    size="mini"
                    v-hasPermi="['doc:collectnoninvoice:export']"
                  >导出</el-button>
                  <right-toolbar @showSearchFun="showSearchFun3" :showSearch.sync="showSearch3" @queryTable="getList3"></right-toolbar>
                </div>
              </el-col>
            </el-row>
          </template>

          <el-table
            border
            stripe
            default-expand-all
            ref="tableRef3"
            v-loading="loading3"
            :data="innonvoiceList"
            @selection-change="handleSelectionChange3"
            :row-style="rowClass"
            :header-cell-style= "{
                'font-size': '14px !important',
                'font-weight': '500 !important',
                'color': 'rgb(0 0 0)',
                'background-color': 'rgb(205 224 255)',
              }"
            highlight-current-row style="width: 100%;"
            :height="tableHeight3"
          >
            <el-table-column type="selection" width="55" align="center" />
            <el-table-column label="序号" type="index" align="center" width="55">
              <template slot-scope="scope">
                <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
              </template>
            </el-table-column>
            <el-table-column label="发票类型" align="center" prop="nonInvoiceTypeName" />
            <el-table-column label="乘机人" align="center" prop="rider" />
            <el-table-column label="乘机时间" align="center" prop="rideTime" width="180">
              <template slot-scope="scope">
                <span>{{ parseTime(scope.row.rideTime, '{y}-{m}-{d}') }}</span>
              </template>
            </el-table-column>
            <el-table-column label="乘机行程" align="center" width="180">
              <template slot-scope="scope">
                <span>{{ scope.row.routeDeparture }} - {{ scope.row.routeDest }}</span>
              </template>
            </el-table-column>
            <el-table-column label="客票号码" align="center" prop="invoiceNo" width="140"/>
            <el-table-column label="销售单位" align="center" key="sellerName" prop="sellerName" width="180" :show-overflow-tooltip="true"/>
            <el-table-column label="航班号" align="center" prop="flightNo" />
            <el-table-column label="填开单位" align="center" prop="filling" />
            <el-table-column label="燃油附加费" align="center" prop="feeExtra" width="150"/>
            <el-table-column label="保险费" align="center" prop="premiumFee" />
            <el-table-column label="民航发展基金" align="center" prop="developFundFee" width="150"/>
            <el-table-column label="票价" align="center" prop="ticketPrice" />
            <el-table-column label="税额" align="center" prop="tax" />
            <el-table-column label="价税合计" align="center" prop="fee" />
            <el-table-column label="座位等级" align="center" prop="seatType" />
            <el-table-column label="舱位等级" align="center" prop="cabinClass" />
            <el-table-column label="身份证号" align="center" prop="sellerAccount" width="180" :show-overflow-tooltip="true"/>
            <el-table-column label="印刷序号" align="center" prop="printNumber" width="180" :show-overflow-tooltip="true" />
            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="220">
              <template slot-scope="scope">
                <el-button
                  type="text"
                  @click="handleOpenNonInvoice3(scope.row)"
                >详细</el-button>
              </template>
            </el-table-column>
            <div slot="empty">
              <svg-icon icon-class="search-none" style="font-size: 64px;" />
              <p>暂无数据</p>
            </div>
          </el-table>

          <pagination
            v-show="total3>0"
            :total="total3"
            :page.sync="queryParams3.pageNum"
            :limit.sync="queryParams3.pageSize"
            @pagination="getList3"
          />
        </el-card>
      </el-tab-pane>
      <el-tab-pane label="出租车票" name="fourth">
        <el-card shadow="never" ref="queryRef4" style="margin-bottom: 12px;" class="search_card" v-show="showSearch4">
          <div class="filter-container">
            <div class="search_box" style="padding-bottom: 16px">
              <el-form :model="queryParams4" ref="queryForm4" label-width="80px" size="mini">
                <el-row :gutter="16">
                  <el-col :md="6" >
                    <el-form-item prop="searchValues">
                      <el-select
                        v-model="queryParams4.searchValues"
                        multiple
                        filterable
                        remote
                        reserve-keyword
                        clearable
                        placeholder="请输入发票号码/发票代码"
                        :remote-method="remoteSearchValue4"
                        @change="handleQuery4"
                        :loading="remoteSearchValueLoading4"
                        style="width: 315px;margin-left: -78px"
                      >
                        <el-option
                          v-for="item in searchValueOptions4"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                          :disabled="item.disabled">
                        </el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                  <el-col :md="6" >
                    <el-form-item label="出发日期">
                      <el-date-picker
                        v-model="daterangeTravelDate4"
                        style="width: 100%"
                        value-format="yyyy-MM-dd"
                        type="daterange"
                        range-separator="-"
                        start-placeholder="开始日期"
                        end-placeholder="结束日期"
                      ></el-date-picker>
                    </el-form-item>
                  </el-col>
                  <el-col :md="6" align="right" style="float: right;">
                    <el-form-item>
                      <el-button class="filter-item" type="primary" @click="handleQuery4">搜索</el-button>
                      <el-button class="filter-item" style="margin-left: 8px" @click="resetQuery4">重置</el-button>
                    </el-form-item>
                  </el-col>
                </el-row>
              </el-form>
            </div>
          </div>
        </el-card>
        <el-card shadow="never" >
          <template #header>
            <el-row>
              <el-col :span="8">
                <div class="card-header">
                  <el-button disabled type="text">出租车票</el-button>
                </div>
              </el-col>
              <el-col :span="16">
                <div class="btn_box" align="right" style="float: right;">
                  <el-button
                    class="filter-item"
                    style="margin-left: 8px;"
                    icon="el-icon-download"
                    @click="handleExport4"
                    size="mini"
                    v-hasPermi="['doc:collectnoninvoice:export']"
                  >导出</el-button>
                  <right-toolbar @showSearchFun="showSearchFun4" :showSearch.sync="showSearch4" @queryTable="getList4"></right-toolbar>
                </div>
              </el-col>
            </el-row>
          </template>

          <el-table
            border
            stripe
            default-expand-all
            ref="tableRef3"
            v-loading="loading4"
            :data="innonvoiceList"
            @selection-change="handleSelectionChange4"
            :row-style="rowClass"
            :header-cell-style= "{
                'font-size': '14px !important',
                'font-weight': '500 !important',
                'color': 'rgb(0 0 0)',
                'background-color': 'rgb(205 224 255)',
              }"
            highlight-current-row style="width: 100%;"
            :height="tableHeight4"
          >
            <el-table-column type="selection" width="55" align="center" />
            <el-table-column label="序号" type="index" align="center" width="55">
              <template slot-scope="scope">
                <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
              </template>
            </el-table-column>

            <el-table-column label="发票类型" align="center" prop="nonInvoiceTypeName" />
            <el-table-column label="开票日期" align="center" prop="invoiceDate" width="160">
              <template slot-scope="scope">
                <span>{{ parseTime(scope.row.invoiceDate, '{y}-{m}-{d}') }}</span>
              </template>
            </el-table-column>
            <el-table-column label="乘车地区" align="center" prop="province" />
            <el-table-column label="金额(含税)" align="center" prop="fee" width="120"/>
            <el-table-column label="发票代码" align="center" key="invoiceCode" prop="invoiceCode" width="120" />
            <el-table-column label="发票号码" align="center" key="invoiceNo" prop="invoiceNo"  width="110"/>
            <el-table-column label="上车时间" align="center" prop="getOnTime" />
            <el-table-column label="下车时间" align="center" prop="getOffTime" />
            <el-table-column label="里程" align="center" prop="mileage" />
            <el-table-column label="费用" align="center" prop="ticketPrice" />
            <el-table-column label="附加费" align="center" prop="feeExtra" />
            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="220">
              <template slot-scope="scope">
                <el-button
                  type="text"
                  @click="handleOpenNonInvoice4(scope.row)"
                >详细</el-button>
              </template>
            </el-table-column>
            <div slot="empty">
              <svg-icon icon-class="search-none" style="font-size: 64px;" />
              <p>暂无数据</p>
            </div>
          </el-table>

          <pagination
            v-show="total4>0"
            :total="total4"
            :page.sync="queryParams4.pageNum"
            :limit.sync="queryParams4.pageSize"
            @pagination="getList4"
          />
        </el-card>
      </el-tab-pane>
      <el-tab-pane label="定额发票" name="fifth">
        <el-card shadow="never" ref="queryRef5" style="margin-bottom: 12px;" class="search_card" v-show="showSearch5">
          <div class="filter-container">
            <div class="search_box" style="padding-bottom: 16px">
              <el-form :model="queryParams5" ref="queryForm5" label-width="80px" size="mini">
                <el-row :gutter="16">
                  <el-col :md="6" >
                    <el-form-item prop="searchValues">
                      <el-select
                        v-model="queryParams5.searchValues"
                        multiple
                        filterable
                        remote
                        reserve-keyword
                        clearable
                        placeholder="请输入发票号码/发票代码"
                        :remote-method="remoteSearchValue5"
                        @change="handleQuery5"
                        :loading="remoteSearchValueLoading5"
                        style="width: 315px;margin-left: -78px"
                      >
                        <el-option
                          v-for="item in searchValueOptions5"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                          :disabled="item.disabled">
                        </el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                  <el-col :md="6" align="right" style="float: right;">
                    <el-form-item>
                      <el-button class="filter-item" type="primary" @click="handleQuery5">搜索</el-button>
                      <el-button class="filter-item" style="margin-left: 8px" @click="resetQuery5">重置</el-button>
                    </el-form-item>
                  </el-col>
                </el-row>
              </el-form>
            </div>
          </div>
        </el-card>
        <el-card shadow="never" >
          <template #header>
            <el-row>
              <el-col :span="8">
                <div class="card-header">
                  <el-button disabled type="text">定额发票</el-button>
                </div>
              </el-col>
              <el-col :span="16">
                <div class="btn_box" align="right" style="float: right;">
                  <el-button
                    class="filter-item"
                    style="margin-left: 8px;"
                    icon="el-icon-download"
                    @click="handleExport5"
                    size="mini"
                    v-hasPermi="['doc:collectnoninvoice:export']"
                  >导出</el-button>
                  <right-toolbar @showSearchFun="showSearchFun5" :showSearch.sync="showSearch5" @queryTable="getList5"></right-toolbar>
                </div>
              </el-col>
            </el-row>
          </template>

          <el-table
            border
            stripe
            default-expand-all
            ref="tableRef3"
            v-loading="loading5"
            :data="innonvoiceList"
            @selection-change="handleSelectionChange5"
            :row-style="rowClass"
            :header-cell-style= "{
                'font-size': '14px !important',
                'font-weight': '500 !important',
                'color': 'rgb(0 0 0)',
                'background-color': 'rgb(205 224 255)',
              }"
            highlight-current-row style="width: 100%;"
            :height="tableHeight5"
          >
            <el-table-column type="selection" width="55" align="center" />
            <el-table-column label="序号" type="index" align="center" width="55">
              <template slot-scope="scope">
                <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
              </template>
            </el-table-column>

            <el-table-column label="发票类型" align="center" prop="nonInvoiceTypeName" />
            <el-table-column label="价税合计" align="center" prop="fee" />
            <el-table-column label="发票代码" align="center" key="invoiceCode" prop="invoiceCode" width="120" />
            <el-table-column label="发票号码" align="center" key="invoiceNo" prop="invoiceNo"  width="110"/>
            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="220">
              <template slot-scope="scope">
                <el-button
                  type="text"
                  @click="handleOpenNonInvoice5(scope.row)"
                >详细</el-button>
              </template>
            </el-table-column>
            <div slot="empty">
              <svg-icon icon-class="search-none" style="font-size: 64px;" />
              <p>暂无数据</p>
            </div>
          </el-table>

          <pagination
            v-show="total5>0"
            :total="total5"
            :page.sync="queryParams5.pageNum"
            :limit.sync="queryParams5.pageSize"
            @pagination="getList5"
          />
        </el-card>
      </el-tab-pane>
    </el-tabs>

    <!-- 查看发票 -->
    <el-dialog v-dialogDrag  :close-on-click-modal="false" title="详请" :visible.sync="invoiceOpen" width="1400px" append-to-body>
      <div class="dialog_box" style="height:580px;">
        <el-row>
          <el-col :span="10">
            <div style="height:575px; overflow-y: auto">
              <el-tabs type="border-card">
                <el-tab-pane label="发票信息">
                  <el-descriptions class="margin-top" title="基本信息" :column="2" size="small" border>
                    <template slot="title">
                      <div>基本信息 <span class="invoice-type">{{detailForm.invoiceTypeName}}</span></div>
                    </template>
                    <el-descriptions-item>
                      <template slot="label">
                        发票代码:
                      </template>
                      011002100113
                    </el-descriptions-item>
                    <el-descriptions-item>
                      <template slot="label">
                        发票号码:
                      </template>
                      04676496
                    </el-descriptions-item>
                    <el-descriptions-item>
                      <template slot="label">
                        开票日期:
                      </template>
                      2023-12-12
                    </el-descriptions-item>
                    <el-descriptions-item>
                      <template slot="label">
                        金额(不含税):
                      </template>
                      ¥394.34
                    </el-descriptions-item>
                    <el-descriptions-item>
                      <template slot="label">
                        税额:
                      </template>
                      ¥23.66
                    </el-descriptions-item>
                    <el-descriptions-item>
                      <template slot="label">
                        金额(含税):
                      </template>
                      ¥418
                    </el-descriptions-item>
                    <el-descriptions-item>
                      <template slot="label">
                        校验码:
                      </template>
                      00825700862314111697
                    </el-descriptions-item>
                  </el-descriptions>
                  <el-descriptions class="margin-top" title="抬头信息" :column="1" size="small" border>
                    <template slot="extra">
                      <el-radio-group v-model="isWithout" size="mini">
                        <el-radio-button label="销方"></el-radio-button>
                        <el-radio-button label="购方"></el-radio-button>
                      </el-radio-group>
                    </template>
                    <el-descriptions-item>
                      <template slot="label">
                        名称:
                      </template>
                      北京中健云康供应链科技有限公司
                    </el-descriptions-item>
                    <el-descriptions-item>
                      <template slot="label">
                        纳税识别号:
                      </template>
                      91110400MA020G766F
                    </el-descriptions-item>
                    <el-descriptions-item>
                      <template slot="label">
                        地址、电话:
                      </template>
                      北京市大兴区礼贤镇元平北路1号自贸试验区大兴机场片区自贸创新服务中心E10栋三层0282号 13521228583北京市大兴区礼贤镇元平北路1号自贸试验区大兴机场片区自贸创新服务中心E10栋三层0282号 13521228583
                    </el-descriptions-item>
                    <el-descriptions-item>
                      <template slot="label">
                        开户行及账号:
                      </template>
                      中国建设银行股份有限公司广州粤电支行 44050138220100001803
                    </el-descriptions-item>
                  </el-descriptions>
                  <el-descriptions class="margin-top" title="商品明细" :column="1" size="small" border >
                    <template slot="extra">
                      <el-radio-group v-model="isWithout" size="mini">
                        <el-radio-button label="含税"></el-radio-button>
                        <el-radio-button label="不含税"></el-radio-button>
                      </el-radio-group>
                    </template>
                    <el-descriptions-item>
                      <el-table
                        border
                        stripe
                        default-expand-all
                        ref="invoiceDetailEntry"
                        v-loading="loading"
                        :data="invoiceEntryList"
                        :header-cell-style= "{
                          'font-size': '12px !important',
                          'font-weight': '500 !important',
                          'color':'#FFF',
                          'padding': '0px 0',
                          'background-color':'rgb(51 112 255 / 80%)',
                          textAlign: 'left',
                          'height': '30px !important'
                        }"
                        :cell-style="{ padding: '8px 10px 8px 0', textAlign: 'left' }"
                        highlight-current-row
                        style="width: 555px;margin-left: -32px;margin-top: -10px;"
                        height="300px"
                      >
                        <el-table-column label="序号" align="center" prop="index" width="50">
                          <template slot-scope="scope">{{scope.$index+1}}</template>
                        </el-table-column>
                        <el-table-column label="项目名称" align="left" prop="itemName" width="120" show-overflow-tooltip/>
                        <el-table-column label="规格型号" align="left" prop="invoiceCode" width="140" show-overflow-tooltip/>
                        <el-table-column label="单位" align="left" prop="unit"  show-overflow-tooltip/>
                        <el-table-column label="数量" align="left" prop="qty"  show-overflow-tooltip/>
                        <el-table-column label="单价(不含税)" align="left" prop="withoutPrice" width="120" v-if="isWithout!='含税'" show-overflow-tooltip/>
                        <el-table-column label="金额(不含税)" align="left" prop="withoutAmount" width="120" v-if="isWithout!='含税'"  show-overflow-tooltip/>
                        <el-table-column label="单价(含税)" align="left" prop="price" width="120" v-if="isWithout=='含税'"  show-overflow-tooltip/>
                        <el-table-column label="金额(含税)" align="left" prop="amount" width="120" v-if="isWithout=='含税'"  show-overflow-tooltip/>
                        <el-table-column label="税率" align="left" prop="taxRate"  show-overflow-tooltip/>
                        <el-table-column label="税额" align="left" prop="tax"  show-overflow-tooltip/>
                        <div slot="empty">
                          <svg-icon icon-class="search-none" style="font-size: 64px;" />
                          <p>暂无数据</p>
                        </div>
                      </el-table>
                    </el-descriptions-item>

                  </el-descriptions>
                </el-tab-pane>
              </el-tabs>
            </div>
          </el-col>
          <el-col :span="14">
            <div style="height: 575px; background-color:#404040;">
              <div v-viewer style="visibility: hidden;height:575px">
                <img v-for="src in images" :key="src" :src="src" :data-source="src">
              </div>

            </div>
          </el-col>
        </el-row>
      </div>
    </el-dialog>

    <!-- 查看发票2 -->
    <el-dialog v-dialogDrag  :close-on-click-modal="false" title="详请" :visible.sync="nonInvoiceOpen2" width="1000px" append-to-body>
      <div class="dialog_box" style="height:480px;">
        <el-row>
          <el-col :span="24">
            <div style="height: 475px; background-color:#404040;">
              <div v-viewer style="visibility: hidden;height:575px">
                <img v-for="src in nonImages2" :key="src" :src="src" :data-source="src">
              </div>
            </div>
          </el-col>
        </el-row>
      </div>
    </el-dialog>

    <!-- 查看发票3 -->
    <el-dialog v-dialogDrag  :close-on-click-modal="false" title="详请" :visible.sync="nonInvoiceOpen3" width="1000px" append-to-body>
      <div class="dialog_box" style="height:480px;">
        <el-row>
          <el-col :span="24">
            <div style="height: 475px; background-color:#404040;">
              <div v-viewer style="visibility: hidden;height:575px">
                <img v-for="src in nonImages3" :key="src" :src="src" :data-source="src">
              </div>
            </div>
          </el-col>
        </el-row>
      </div>
    </el-dialog>

    <!-- 查看发票4 -->
    <el-dialog v-dialogDrag  :close-on-click-modal="false" title="详请" :visible.sync="nonInvoiceOpen4" width="1000px" append-to-body>
      <div class="dialog_box" style="height:480px;">
        <el-row>
          <el-col :span="24">
            <div style="height: 475px; background-color:#404040;">
              <div v-viewer style="visibility: hidden;height:575px">
                <img v-for="src in nonImages4" :key="src" :src="src" :data-source="src">
              </div>
            </div>
          </el-col>
        </el-row>
      </div>
    </el-dialog>

    <!-- 查看发票5 -->
    <el-dialog v-dialogDrag  :close-on-click-modal="false" title="详请" :visible.sync="nonInvoiceOpen5" width="1000px" append-to-body>
      <div class="dialog_box" style="height:480px;">
        <el-row>
          <el-col :span="24">
            <div style="height: 475px; background-color:#404040;">
              <div v-viewer style="visibility: hidden;height:575px">
                <img v-for="src in nonImages5" :key="src" :src="src" :data-source="src">
              </div>
            </div>
          </el-col>
        </el-row>
      </div>
    </el-dialog>


  </div>
</template>

<script>
import { listInnonvoice, getInnonvoice, delInnonvoice, addInnonvoice, updateInnonvoice } from "@/api/doc/innonvoice";

import { listCompany as listcompany, getCompany as getcompany } from "@/api/core/company";
/* 城市列表 **/
import { provinceList, cityList, districtList } from "@/api/system/city";

export default {
  name: "Collectnoninvoice",
  dicts: ['invoice_type', 'invoice_status', 'collect_status', 'check_status'],
  data() {
    return {
      activeName: 'first',
      advanced: false,
      tableHeight: this.getInitTableHeight(),
      tableHeight2: this.getInitTableHeight(),
      tableHeight3: this.getInitTableHeight(),
      tableHeight4: this.getInitTableHeight(),
      tableHeight5: this.getInitTableHeight(),
      // 遮罩层
      loading: true,
      // 遮罩层
      loading2: false,
      // 遮罩层
      loading3: false,
      // 遮罩层
      loading4: false,
      // 遮罩层
      loading5: false,
      // 远程查询条件加载
      remoteSearchValueLoading: false,
      // 远程查询条件加载
      remoteSearchValueLoading2: false,
      // 远程查询条件加载
      remoteSearchValueLoading3: false,
      // 远程查询条件加载
      remoteSearchValueLoading4: false,
      // 远程查询条件加载
      remoteSearchValueLoading5: false,
      // 关键字查询条件
      searchValueOptions:[

      ],
      // 关键字查询条件
      searchValueOptions2:[

      ],
      // 关键字查询条件
      searchValueOptions3:[

      ],
      // 关键字查询条件
      searchValueOptions4:[

      ],
      // 关键字查询条件
      searchValueOptions5:[

      ],
      // 选中数组
      ids: [],
      // 选中数组
      ids2: [],
      // 选中数组
      ids3: [],
      // 选中数组
      ids4: [],
      // 选中数组
      ids5: [],

      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 非单个禁用
      single2: true,
      // 非多个禁用
      multiple2: true,
      // 非单个禁用
      single3: true,
      // 非多个禁用
      multiple3: true,
      // 非单个禁用
      single4: true,
      // 非多个禁用
      multiple4: true,
      // 非单个禁用
      single5: true,
      // 非多个禁用
      multiple5: true,
      // 显示搜索条件
      showSearch: true,
      // 显示搜索条件
      showSearch2: true,
      // 显示搜索条件
      showSearch3: true,
      // 显示搜索条件
      showSearch4: true,
      // 显示搜索条件
      showSearch5: true,

      // 总条数
      total: 0,
      // 总条数
      total2: 0,
      // 总条数
      total3: 0,
      // 总条数
      total4: 0,
      // 总条数
      total5: 0,

      // 采集非增值税发票表格数据
      innonvoiceList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 火车出发时间范围
      daterangeTravelDate2: [],
      // 飞机出发时间范围
      daterangeTravelDate3: [],
      // 出租车时间范围
      daterangeTravelDate4: [],

      // 开票时间范围
      daterangeInvoiceDate: [],
      // 开票时间范围
      daterangeInvoiceDate2: [],
      // 开票时间范围
      daterangeInvoiceDate3: [],
      // 开票时间范围
      daterangeInvoiceDate4: [],
      // 开票时间范围
      daterangeInvoiceDate5: [],


      // ERP发票流水号时间范围
      daterangeRideTime: [],
      // ERP发票流水号时间范围
      daterangeAccountDate: [],

      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        params:{

        },
        collectId: null,
        collectNo: null,
        invoiceId: null,
        custId: null,
        siteCode: null,
        nonInvoiceType: null,
        invoiceNo: null,
        invoiceCode: null,
        flightNo: null,
        travelDate: null,
        invoiceDate: null,
        feeWithoutTax: null,
        rideTime: null,
        sellerAccount: null,
        voucherNumber: null,
        accountDate: null,
        accountStatus: null,
        processStatus: null,
        invoiceStatus: null,
        invoiceStatuses: [],
        invoiceType: null,
        invoiceTypes: [],
        checkStatus: null,
        checkStatuses: [],
        collectStatus: null,
        collectStatuses: [],
        submitStatus: null,
        checkCode: null,
        erpSerialNumber: null,
      },
      queryParams2: {},
      queryParams3: {},
      queryParams4: {},
      queryParams5: {},

      checkAllInvoiceType: false,
      isInvoiceTypeIndeterminate: false,
      checkAllInvoiceStatus: false,
      isInvoiceStatusIndeterminate: false,
      checkAllSignStatus: false,
      isSignStatusIndeterminate: false,
      checkAllCheckStatus: false,
      isCheckStatusIndeterminate: false,
      checkAllCollectStatus: false,
      isCollectStatusIndeterminate: false,
      // 表单参数
      form: {},
      // 表单校验
      rules: {
      },

      /* ======================================省市区======================================  */
      // 省
      provinceId: null,
      provinceList:[],
      // 市
      cityId: null,
      cityList:[],
      // 区
      districtId: null,
      districtList:[],

      /* ======================================查询条件-公司代码选择======================================  */
      searchsiteCodes:[],
      searchsiteCodenames:[],
      searchsiteCodeTotal: 0,
      searchsiteCodeList: [],
      searchsiteCodeDialogOpen: false,
      searchsiteCodeSelectLoading: false,
      searchsiteCodeQueryParams: {
          searchValue: null,
          pageNum: 1,
          pageSize: 20,
      },
      /* ======================================编辑-公司代码选择======================================  */
      siteCodename: null,
      siteCodeTotal: 0,
      siteCodeList: [],
      siteCodeDialogRadio: null,
      siteCodeDialogOpen: false,
      siteCodeSelectLoading: false,
      siteCodeQueryParams: {
          searchValue: null,
          pageNum: 1,
          pageSize: 20,
      },

      detailForm:{

      },
      invoiceOpen:false,
      images:[''],
      isWithout:'含税',

      nonInvoiceOpen2:false,
      nonImages2:['https://huisuiyun.oss-cn-shanghai.aliyuncs.com/pro/temp/default/0fe6ab56-1279-42cc-95b9-13ed860cc6af57720230523/47e096ef-5fb6-472e-82c2-0cfb318a49ad.jpg'],

      nonInvoiceOpen3:false,
      nonImages3:['https://img2.baidu.com/it/u=2299349482,2718283827&fm=253&fmt=auto&app=138&f=JPEG?w=667&h=500'],

      nonInvoiceOpen4:false,
      nonImages4:['https://img1.baidu.com/it/u=4137175076,3236355385&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889'],

      nonInvoiceOpen5:false,
      nonImages5:['https://img0.baidu.com/it/u=752540845,4185767816&fm=253&fmt=auto&app=138&f=JPEG?w=667&h=500'],

    };
  },
  created() {
    this.getList();
  },
  methods: {
    /** 行样式 */
    rowClass({ row, rowIndex }) {
      if (this.ids.includes(row.id)) {
          return { background: "#d9edf7", height:'20px' };
      } else {
          return { height:'20px'};
      }
    },
   /** 隐藏搜索按钮操作 */
   showSearchFun(isShowSearch){
      this.showSearch = isShowSearch
      let oldHeight = this.$refs.queryRef.$el.offsetHeight
      if(!isShowSearch){
          //当前是显示状态
          oldHeight = oldHeight + 12
      }else{
          oldHeight = oldHeight - 12
      }
      this.$nextTick(() => (
         this.tableHeight = this.$refs.tableRef.$el.offsetHeight - (this.$refs.queryRef.$el.offsetHeight-oldHeight)
      ))
    },
   /** 隐藏搜索按钮操作 */
   showSearchFun2(isShowSearch){
      this.showSearch2 = isShowSearch
      let oldHeight = this.$refs.queryRef2.$el.offsetHeight
      if(!isShowSearch){
          //当前是显示状态
          oldHeight = oldHeight + 12
      }else{
          oldHeight = oldHeight - 12
      }
      this.$nextTick(() => (
         this.tableHeight2 = this.$refs.tableRef2.$el.offsetHeight - (this.$refs.queryRef2.$el.offsetHeight-oldHeight)
      ))
    },
   /** 隐藏搜索按钮操作 */
   showSearchFun3(isShowSearch){
      this.showSearch3 = isShowSearch
      let oldHeight = this.$refs.queryRef3.$el.offsetHeight
      if(!isShowSearch){
          //当前是显示状态
          oldHeight = oldHeight + 12
      }else{
          oldHeight = oldHeight - 12
      }
      this.$nextTick(() => (
         this.tableHeight3 = this.$refs.tableRef3.$el.offsetHeight - (this.$refs.queryRef3.$el.offsetHeight-oldHeight)
      ))
    },
   /** 隐藏搜索按钮操作 */
   showSearchFun4(isShowSearch){
      this.showSearch4 = isShowSearch
      let oldHeight = this.$refs.queryRef4.$el.offsetHeight
      if(!isShowSearch){
          //当前是显示状态
          oldHeight = oldHeight + 12
      }else{
          oldHeight = oldHeight - 12
      }
      this.$nextTick(() => (
         this.tableHeight4 = this.$refs.tableRef4.$el.offsetHeight - (this.$refs.queryRef4.$el.offsetHeight-oldHeight)
      ))
    },

   /** 隐藏搜索按钮操作 */
   showSearchFun5(isShowSearch){
      this.showSearch5 = isShowSearch
      let oldHeight = this.$refs.queryRef5.$el.offsetHeight
      if(!isShowSearch){
          //当前是显示状态
          oldHeight = oldHeight + 12
      }else{
          oldHeight = oldHeight - 12
      }
      this.$nextTick(() => (
         this.tableHeight5 = this.$refs.tableRef5.$el.offsetHeight - (this.$refs.queryRef5.$el.offsetHeight-oldHeight)
      ))
    },



    /** 展开按钮操作 */
    toggleAdvanced() {
      const oldHeight = this.$refs.queryRef.$el.offsetHeight
      this.advanced = !this.advanced
      this.$nextTick(() => (
         this.tableHeight = this.$refs.tableRef.$el.offsetHeight - (this.$refs.queryRef.$el.offsetHeight-oldHeight)
      ))
    },

/** 查询采集非增值税发票列表 */
    getList() {
      this.loading = true;
      this.queryParams.params = {};
      if (null != this.daterangeTravelDate2 && '' != this.daterangeTravelDate2) {
        this.queryParams.params["beginTravelDate"] = this.daterangeTravelDate2[0];
        this.queryParams.params["endTravelDate"] = this.daterangeTravelDate2[1];
      }
      if (null != this.daterangeInvoiceDate && '' != this.daterangeInvoiceDate) {
        this.queryParams.params["beginInvoiceDate"] = this.daterangeInvoiceDate[0];
        this.queryParams.params["endInvoiceDate"] = this.daterangeInvoiceDate[1];
      }
      if (null != this.daterangeRideTime && '' != this.daterangeRideTime) {
        this.queryParams.params["beginRideTime"] = this.daterangeRideTime[0];
        this.queryParams.params["endRideTime"] = this.daterangeRideTime[1];
      }
      if (null != this.daterangeAccountDate && '' != this.daterangeAccountDate) {
        this.queryParams.params["beginAccountDate"] = this.daterangeAccountDate[0];
        this.queryParams.params["endAccountDate"] = this.daterangeAccountDate[1];
      }
    listInnonvoice(this.queryParams).then(response => {
        this.innonvoiceList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },

    /** 查询采集非增值税发票列表 */
    getList2() {
      this.loading2 = true;
      this.queryParams2.params = {};
      if (null != this.daterangeTravelDate2 && '' != this.daterangeTravelDate2) {
        this.queryParams2.params["beginTravelDate"] = this.daterangeTravelDate2[0];
        this.queryParams2.params["endTravelDate"] = this.daterangeTravelDate2[1];
      }
      if (null != this.daterangeInvoiceDate && '' != this.daterangeInvoiceDate) {
        this.queryParams2.params["beginInvoiceDate"] = this.daterangeInvoiceDate[0];
        this.queryParams2.params["endInvoiceDate"] = this.daterangeInvoiceDate[1];
      }
      if (null != this.daterangeRideTime && '' != this.daterangeRideTime) {
        this.queryParams2.params["beginRideTime"] = this.daterangeRideTime[0];
        this.queryParams2.params["endRideTime"] = this.daterangeRideTime[1];
      }
      if (null != this.daterangeAccountDate && '' != this.daterangeAccountDate) {
        this.queryParams2.params["beginAccountDate"] = this.daterangeAccountDate[0];
        this.queryParams2.params["endAccountDate"] = this.daterangeAccountDate[1];
      }
      listInnonvoice(this.queryParams2).then(response => {
        this.innonvoiceList = response.rows;
        this.total2 = response.total;
        this.loading2 = false;
      });
    },

    /** 查询采集非增值税发票列表 */
    getList3() {
      this.loading3 = true;
      this.queryParams3.params = {};
      if (null != this.daterangeTravelDate3 && '' != this.daterangeTravelDate3) {
        this.queryParams3.params["beginTravelDate"] = this.daterangeTravelDate3[0];
        this.queryParams3.params["endTravelDate"] = this.daterangeTravelDate3[1];
      }
      listInnonvoice(this.queryParams3).then(response => {
        this.innonvoiceList = response.rows;
        this.total3 = response.total;
        this.loading3 = false;
      });
    },

    /** 查询采集非增值税发票列表 */
    getList4() {
      this.loading4 = true;
      this.queryParams4.params = {};
      if (null != this.daterangeTravelDate4 && '' != this.daterangeTravelDate4) {
        this.queryParams4.params["beginTravelDate"] = this.daterangeTravelDate4[0];
        this.queryParams4.params["endTravelDate"] = this.daterangeTravelDate4[1];
      }

      listInnonvoice(this.queryParams4).then(response => {
        this.innonvoiceList = response.rows;
        this.total4 = response.total;
        this.loading4 = false;
      });
    },

    /** 查询采集非增值税发票列表 */
    getList5() {
      this.loading5 = true;
      this.queryParams5.params = {};
      listInnonvoice(this.queryParams5).then(response => {
        this.innonvoiceList = response.rows;
        this.total5 = response.total;
        this.loading5 = false;
      });
    },


    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        id: null,
        collectId: null,
        collectNo: null,
        invoiceUrl: null,
        invoiceId: null,
        custId: null,
        siteCode: null,
        siteName: null,
        nonInvoiceType: null,
        nonInvoiceTypeName: null,
        invoiceNo: null,
        invoiceCode: null,
        flightNo: null,
        travelDate: null,
        invoiceDate: null,
        printNumber: null,
        fee: null,
        feeWithoutTax: null,
        feeExtra: null,
        tax: null,
        feeVehicle: null,
        sellerName: null,
        sellerNumber: null,
        sellerDest: null,
        rideTime: null,
        seatType: null,
        sellerTel: null,
        sellerBank: null,
        sellerAccount: null,
        voucherNumber: null,
        accountDate: null,
        accountStatus: null,
        accountStatusName: null,
        processStatus: null,
        processStatusName: null,
        invoiceStatus: null,
        invoiceStatusName: null,
        submitStatus: null,
        submitStatusName: null,
        checkCode: null,
        invoiceRemark: null,
        erpSerialNumber: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("form");
    },


      /* ※※ 查询 省市区 相关方法 start ※※ */
      // 获取省
      getProvinceList(){
          provinceList().then(response => {
              this.provinceList = response.data;
          });
      },
      // 获取市
      getCityList(){
          console.log(this.provinceId);
          cityList( {"parentId" : this.provinceId } ).then(response => {
              this.cityList = response.data;
          });
      },
      // 获取区县
      getDistrictList(){
          districtList( {"parentId" : this.cityId } ).then(response => {
              this.districtList = response.data;
          });
      },
      // 选中省份
      handleChangeProvince(val){
          // 给表单省字段赋值
          this.form.provinceid = val;
          let province = {};
          province = this.provinceList.find((item)=>{
              return item.id === val;
          });
          this.form.province = province.name;
          // 城市数据清空、区县数据清空;
          this.cityList = [];
          this.districtList = [];
          // 已选市、区数据清空
          this.cityId = null;
          this.districtId = null;
          // 表单城市、区县数据清空
          this.form.cityid = null;
          this.form.city = null;
          this.form.areaid = null;
          this.form.area = null;
          // 获取城市数据
          this.getCityList();
      },
      // 清空省份
      handleClearProvince(){
          // 城市数据清空、区县数据清空;
          this.cityList = [];
          this.districtList = [];
          // 已选市、区数据清空
          this.cityId = null;
          this.districtId = null;
          // 表单城市、区县数据清空
          this.form.cityid = null;
          this.form.city = null;
          this.form.areaid = null;
          this.form.area = null;
      },
      // 选中城市
      handleChangeCity(val){
          // 给表单市字段赋值
          this.form.cityid = val;
          let city = {};
          city = this.cityList.find((item)=>{
              return item.id === val;
          });
          this.form.city = city.name;
          // 区县数据清空
          this.districtList = [];
          // 已选区县清空
          this.districtId = null;
          // 表单区县清空
          this.form.areaid = null;
          this.form.area = null;
          // 获取城市数据
          this.getDistrictList();
      },
      // 清空省份
      handleClearCity(){
          // 区县数据清空
          this.districtList = [];
          // 已选区县清空
          this.districtId = null;
          // 表单区县清空
          this.form.areaid = null;
          this.form.area = null;
      },
      // 选中区县
      handleChangeDistrict(val){
          // 给表单省字段赋值
          this.form.areaid = val;
          let district = {};
          district = this.districtList.find((item)=>{
              return item.id === val;
          });
          this.form.area = district.name;
      },
      // 清空省份
      handleClearDistrict(){
          // 表单区县清空
          this.form.areaid = null;
          this.form.area = null;
      },

      /* ※※ 查询 省市区 相关方法 end ※※ */




    /* ※※ 查询 公司代码 相关方法 start ※※ */
    /** ① 弹出查询条件-公司代码 */
    openSearchsiteCodeDialogOpen(){
        this.searchsiteCodeDialogOpen = true;
        // 默认不查询
    },
    /** ② 单击行 **/
    handleSearchsiteCodeRowClick(row, column, event){
        this.$refs.searchsiteCodeSingleTable.toggleRowSelection(row);
    },
    /** ③ 行KEY **/
    getSearchsiteCodeListRowKey(row) {
        return row.companycode
    },
    /** ④ 选中公司代码 **/
    handleSearchsiteCodeSelectionChange(selection) {
        this.searchsiteCodes = selection.map(item => item.siteCode);
        this.searchsiteCodenames = selection.map(item => item.siteName);
    },
    /** ⑤ 点击查询按钮 **/
    handleSearchsiteCodeQuery(){
        this.searchsiteCodeQueryParams.pageNum = 1;
        this.getSearchsiteCodeList();
    },
    /** ⑥ 查询 **/
    getSearchsiteCodeList(){
        this.searchsiteCodeSelectLoading = true;
        listcompany(this.searchsiteCodeQueryParams).then(response => {
            this.searchsiteCodeList = response.rows;
            this.searchsiteCodeTotal = response.total;
            this.searchsiteCodeSelectLoading = false;
        });
    },
    /** ⑦ 点击确认查询 **/
    confirmSearchsiteCode() {
        if(this.searchsiteCodes.length > 0){
            this.queryParams.params.siteCodes = this.searchsiteCodes.join(',');
            this.queryParams.params.companynames = this.searchsiteCodenames.join(',');
        }
        // 关闭查询弹出框
        this.searchsiteCodeCancel();
    },
    /** ⑧ 点击关闭查询弹出框 **/
    searchsiteCodeCancel() {
        this.searchsiteCodeDialogOpen = false;
    },
    /* ※※ 查询 公司代码 相关方法 end ※※ */


    /* ※※ 编辑 公司代码 相关方法 start ※※ */
    /** ① 弹出编辑内容-公司代码 */
    opensiteCodeDialogOpen(){
        this.siteCodeDialogOpen = true;
        this.getsiteCodeList();
    },
    /** ② 单击行 **/
    handlesiteCodeRowClick(row, column, event){
        this.$refs.siteCodeSingleTable.toggleRowSelection(row);
    },
    /** ③ 行KEY **/
    getsiteCodeListRowKey(row) {
        return row.companycode
    },
    /** ④ 选中公司代码 **/
    handlesiteCodeSelectionChange(selection) {
        if (selection[0]) {
            this.siteCodeDialogRadio = selection[0]
            this.form.companycode = selection[0].companycode;
            this.form.companyname = selection[0].companyname;
        }
    },
    /** ⑤ 点击查询按钮 **/
    handlesiteCodeQuery(){
        this.siteCodeQueryParams.pageNum = 1;
        this.getsiteCodeList();
    },
    /** ⑥ 查询 **/
    getsiteCodeList(){
        this.siteCodeSelectLoading = true;
        listcompany(this.siteCodeQueryParams).then(response => {
            this.siteCodeList = response.rows;
            this.siteCodeTotal = response.total;
            this.siteCodeSelectLoading = false;
        });
    },
    /** ⑦ 点击确认查询 **/
    confirmsiteCode() {
        this.siteCodeCancel();
    },
    /** ⑧ 点击关闭查询弹出框 **/
    siteCodeCancel() {
        this.siteCodeDialogOpen = false;
    },
    /* ※※ 编辑 公司代码 相关方法 end ※※ */


    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 搜索按钮操作 */
    handleQuery2() {
      this.queryParams2.pageNum = 1;
      this.getList2();
    },
    /** 搜索按钮操作 */
    handleQuery3() {
      this.queryParams3.pageNum = 1;
      this.getList3();
    },
    /** 搜索按钮操作 */
    handleQuery4() {
      this.queryParams4.pageNum = 1;
      this.getList4();
    },
    /** 搜索按钮操作 */
    handleQuery5() {
      this.queryParams5.pageNum = 1;
      this.getList5();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.daterangeInvoiceDate = [];
      this.daterangeRideTime = [];
      this.daterangeAccountDate = [];
      this.resetForm("queryForm");
      this.handleQuery();
    },
    /** 重置按钮操作 */
    resetQuery2() {
      this.daterangeTravelDate2 = [];
      this.resetForm("queryForm2");
      this.handleQuery2();
    },
    /** 重置按钮操作 */
    resetQuery3() {
      this.daterangeTravelDate3 = [];
      this.resetForm("queryForm3");
      this.handleQuery3();
    },
    /** 重置按钮操作 */
    resetQuery4() {
      this.daterangeTravelDate4 = [];
      this.resetForm("queryForm4");
      this.handleQuery4();
    },
    /** 重置按钮操作 */
    resetQuery5() {
      this.resetForm("queryForm5");
      this.handleQuery5();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    // 多选框选中数据
    handleSelectionChange2(selection) {
      this.ids2 = selection.map(item => item.id)
      this.single = selection.length!==1
      this.multiple2 = !selection.length
    },
    // 多选框选中数据
    handleSelectionChange3(selection) {
      this.ids3 = selection.map(item => item.id)
      this.single3 = selection.length!==1
      this.multiple3 = !selection.length
    },
    // 多选框选中数据
    handleSelectionChange4(selection) {
      this.ids4 = selection.map(item => item.id)
      this.single4 = selection.length!==1
      this.multiple4 = !selection.length
    },
    // 多选框选中数据
    handleSelectionChange5(selection) {
      this.ids5 = selection.map(item => item.id)
      this.single5 = selection.length!==1
      this.multiple5 = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加采集非增值税发票";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id || this.ids
      getCollectnoninvoice(id).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改采集非增值税发票";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.id != null) {
            updateCollectnoninvoice(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            addCollectnoninvoice(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除采集非增值税发票编号为"' + ids + '"的数据项？').then(function() {
        return delCollectnoninvoice(ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('doc/collectnoninvoice/export', {
        ...this.queryParams
      }, `collectnoninvoice_${new Date().getTime()}.xlsx`)
    },
    /** 导出按钮操作 */
    handleExport2() {
      this.download('doc/collectnoninvoice/export', {
        ...this.queryParams
      }, `collectnoninvoice_${new Date().getTime()}.xlsx`)
    },
    /** 导出按钮操作 */
    handleExport3() {
      this.download('doc/collectnoninvoice/export', {
        ...this.queryParams
      }, `collectnoninvoice_${new Date().getTime()}.xlsx`)
    },
    /** 导出按钮操作 */
    handleExport4() {
      this.download('doc/collectnoninvoice/export', {
        ...this.queryParams
      }, `collectnoninvoice_${new Date().getTime()}.xlsx`)
    },
    /** 导出按钮操作 */
    handleExport5() {
      this.download('doc/collectnoninvoice/export', {
        ...this.queryParams
      }, `collectnoninvoice_${new Date().getTime()}.xlsx`)
    },
    /** 动态加载关键字查询条件 */
    remoteSearchValue(query) {
        this.remoteSearchValueLoading = true;
        if (query !== '') {
            this.searchValueOptions = [
                {value: '销方名称:' + query ,label: '销方名称:' + query },
                {value: '发票号:' + query ,label: '发票号:' + query },
                {value: '发票代码:' + query ,label: '发票代码:' + query },
            ];
            this.searchValueOptions.map(item => {
                this.queryParams.searchValues.map((item2, index) => {
                    if(item.value.startsWith('销方名称') && item2.startsWith('销方名称')){
                        item.disabled = true;
                    }
                    if(item.value.startsWith('发票号') && item2.startsWith('发票号')){
                        item.disabled = true;
                    }
                    if(item.value.startsWith('发票代码') && item2.startsWith('发票代码')){
                        item.disabled = true;
                    }
                })
            });
        } else {
            this.searchValueOptions = [];
        }
        this.remoteSearchValueLoading = false;
    },

    /** 动态加载关键字查询条件 */
    remoteSearchValue2(query) {
        this.remoteSearchValueLoading2 = true;
        if (query !== '') {
            this.searchValueOptions2 = [
                {value: '乘车人:' + query ,label: '乘车人:' + query },
                {value: '车票号码:' + query ,label: '车票号码:' + query },
            ];
            this.searchValueOptions2.map(item => {
                this.queryParams2.searchValues.map((item2, index) => {
                    if(item.value.startsWith('乘车人') && item2.startsWith('乘车人')){
                        item.disabled = true;
                    }
                    if(item.value.startsWith('车票号码') && item2.startsWith('车票号码')){
                        item.disabled = true;
                    }
                })
            });
        } else {
            this.searchValueOptions2 = [];
        }
        this.remoteSearchValueLoading2 = false;
    },

    /** 动态加载关键字查询条件 */
    remoteSearchValue3(query) {
        this.remoteSearchValueLoading3 = true;
        if (query !== '') {
            this.searchValueOptions3 = [
                {value: '乘机人:' + query ,label: '乘机人:' + query },
                {value: '客票号码:' + query ,label: '客票号码:' + query },
            ];
            this.searchValueOptions3.map(item => {
                this.queryParams3.searchValues.map((item2, index) => {
                    if(item.value.startsWith('乘机人') && item2.startsWith('乘机人')){
                        item.disabled = true;
                    }
                    if(item.value.startsWith('客票号码') && item2.startsWith('客票号码')){
                        item.disabled = true;
                    }
                })
            });
        } else {
            this.searchValueOptions3 = [];
        }
        this.remoteSearchValueLoading3 = false;
    },

    /** 动态加载关键字查询条件 */
    remoteSearchValue4(query) {
        this.remoteSearchValueLoading4 = true;
        if (query !== '') {
            this.searchValueOptions4 = [
                {value: '发票号码:' + query ,label: '发票号码:' + query },
                {value: '发票代码:' + query ,label: '发票代码:' + query },
            ];
            this.searchValueOptions4.map(item => {
                this.queryParams4.searchValues.map((item2, index) => {
                    if(item.value.startsWith('发票号码') && item2.startsWith('发票号码')){
                        item.disabled = true;
                    }
                    if(item.value.startsWith('发票代码') && item2.startsWith('发票代码')){
                        item.disabled = true;
                    }
                })
            });
        } else {
            this.searchValueOptions4 = [];
        }
        this.remoteSearchValueLoading4 = false;
    },

    /** 动态加载关键字查询条件 */
    remoteSearchValue5(query) {
        this.remoteSearchValueLoading5 = true;
        if (query !== '') {
            this.searchValueOptions5 = [
                {value: '发票号码:' + query ,label: '发票号码:' + query },
                {value: '发票代码:' + query ,label: '发票代码:' + query },
            ];
            this.searchValueOptions5.map(item => {
                this.queryParams5.searchValues.map((item2, index) => {
                    if(item.value.startsWith('发票号码') && item2.startsWith('发票号码')){
                        item.disabled = true;
                    }
                    if(item.value.startsWith('发票代码') && item2.startsWith('发票代码')){
                        item.disabled = true;
                    }
                })
            });
        } else {
            this.searchValueOptions5 = [];
        }
        this.remoteSearchValueLoading5 = false;
    },

    checkAll(val, column){
        if(val){
            switch (column) {
                case 'invoiceType':
                    this.dict.type.invoice_type.map((dict, index) => {
                        this.queryParams.invoiceTypes.push(dict.value)
                    });
                    break;
                case 'collectStatus':
                    this.dict.type.collect_status.map((dict, index) => {
                        this.queryParams.collectStatuses.push(dict.value)
                    });
                    break;
                case 'checkStatus':
                    this.dict.type.check_status.map((dict, index) => {
                        this.queryParams.checkStatuses.push(dict.value)
                    });
                    break;
                case 'invoiceStatus':
                    this.dict.type.invoice_status.map((dict, index) => {
                        this.queryParams.invoiceStatuses.push(dict.value)
                    });
                    break;
            }

        } else {
            switch (column) {
                case 'invoiceType':
                    this.queryParams.invoiceTypes = []
                    break;
                case 'collectStatus':
                    this.queryParams.collectStatuses = []
                    break;
                case 'checkStatus':
                    this.queryParams.checkStatuses = []
                    break;
                case 'invoiceStatus':
                    this.queryParams.invoiceStatuses = []
                    break;
            }
        }
        switch (column) {
            case 'invoiceType':
                this.isInvoiceTypeIndeterminate = false;
                break;
            case 'invoiceStatus':
                this.isInvoiceStatusIndeterminate = false;
                break;
            case 'collectStatus':
                this.isCollectStatusIndeterminate = false;
                break;
            case 'checkStatus':
                this.isCheckStatusIndeterminate = false;
                break;
        }
    },

    handleCheckedChange(value, column){
        let checkedCount = value.length;
        switch (column) {
            case 'invoiceType':
                this.checkAllInvoiceType = checkedCount === this.dict.type.invoice_type.length;
                this.isInvoiceTypeIndeterminate = checkedCount > 0 && checkedCount < this.dict.type.invoice_type.length;
                break;
            case 'invoiceStatus':
                this.checkAllCollectStatus = checkedCount === this.dict.type.collect_status.length;
                this.isCollectStatusIndeterminate = checkedCount > 0 && checkedCount < this.dict.type.collect_status.length;
                break;
            case 'collectStatus':
                this.checkAllCollectStatus = checkedCount === this.dict.type.collect_status.length;
                this.isCollectStatusIndeterminate = checkedCount > 0 && checkedCount < this.dict.type.collect_status.length;
                break;
            case 'checkStatus':
                this.checkAllCheckStatus = checkedCount === this.dict.type.check_status.length;
                this.isCheckStatusIndeterminate = checkedCount > 0 && checkedCount < this.dict.type.check_status.length;
                break;
        }
    },

    handleOpenInvoice() {
        this.invoiceOpen = true;
        // TODO 获取附件

    },

    handleOpenNonInvoice2() {
        this.nonInvoiceOpen2 = true;
        // TODO 获取附件

    },

    handleOpenNonInvoice3() {
        this.nonInvoiceOpen3 = true;
        // TODO 获取附件

    },

    handleOpenNonInvoice4() {
        this.nonInvoiceOpen4 = true;
        // TODO 获取附件

    },

    handleOpenNonInvoice5() {
        this.nonInvoiceOpen5 = true;
        // TODO 获取附件

    },

  }
};
</script>
